<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Website Kota Blitar</title>

        <!-- Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="fonts/awesome/css/font-awesome.min.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container-fluid">
            <div class="header row">
                <div class="container">
                    <div class="header-left col-xs-12 col-sm-12 col-md-2 col-lg-2">
                        <img class="logo" src="image/logo2.png"  style="height: 100px; padding-top: 10px; padding-bottom: 5px;" />						
                    </div>
                    <div class="header-left col-xs-12 col-sm-12 col-md-6 col-lg-6">
                        <h2>KOTA BLITAR </h2>                      
                    </div>
                    <div class="header-right col-xs-12 col-sm-12 col-sm-4 col-md-4">
                    <div class="isi-side-atas">
                    <form class="navbar-form" role="search">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="" name="srch-term" id="srch-term">
                    <div class="input-group-btn">
                        <button class="btn btn-default" type="submit"> Cari </button>
                    </div>
                    </div>
                    </div>
                    </form>
                    </div>
                </div>
                <nav class="navbar navbar-default">
                    <div class="container">					
			<div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
                            </button>	
                     <a class="navbar-brand" href="#"></a>
                    </div>

                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li class=""><a href="blitarweb.html">HOME</a></li>
				<li class=""><a href="#">PROFIL BLITAR</a></li>
				<li class=""><a href="#">BERITA TERBARU</a></li>
				<li class=""><a href="#">POTENSI WISATA</a></li>
				<li class=""><a href="#">POTENSI DAERAH</a></li>
				<li class=""><a href="#">PELAYANAN UMUM</a></li>
				<li class=""><a href="blitar-karir.html">LOWONGAN</a></li>								
                            </ul>
                        </div><!--/.nav-collapse -->
                    </div><!--/.container-fluid -->
                </nav>
            </div>
			
			<br>
<!--/.row1-->			
            <div class="row1">
				<div class="container">
				<div class="page-content col-md-8 col-xs-12">
                                    <div class="slide">
					<div class="slide-img"><img src="image/pantai.png"/> </div>
                                    </div>	
				</div>				
				
				<div class="page-content col-md-4 col-xs-12">
                                    <div class="side-judul-1">
					<f5> BERITA TERBARU	</f5>					
                                    </div>                                    
                                    <div class="isi-side">
					<ul class="list-unstyled">									
                                            <li class="jdl-berita-1">
						SURAT BUPATI BLITAR TENTANG POTENSI BENCANA
                                            </li>
                                            <li> 
						<a href="#"> Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a>
                                            </li>									
                                            <hr>
                                            <li class="jdl-berita-1">
						SURAT BUPATI BLITAR TENTANG POTENSI BENCANA
                                            </li>									
                                            <li> 
						<a href="#"> Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a>
                                            </li>
                                            <hr>
                                            <li class="jdl-berita-1">
						SURAT BUPATI BLITAR TENTANG POTENSI BENCANA
                                            </li>
                                            <li> 
						<a href="#"> Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a>
                                            </li>
                                            <hr>
                                            <li class="jdl-berita-1">
						SURAT BUPATI BLITAR TENTANG POTENSI BENCANA
                                            </li>
                                            <li> 
						<a href="#"> Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a>
                                            </li>
                                            
					</ul>
				</div>					
				</div>
				
			</div>
			</div>
			
<!--/. row 2-->
			<div class="row2">
				<div class="container">
				<div class="page-content col-md-3 col-xs-12">
	
						<img src="image/bupati.png" style=" width: 100%; padding-top: 10px;  padding-bottom: 10px; padding-right: 15px;"> 
	
				</div>	
				
				<div class="page-content col-md-5 col-xs-12">	
                                    <h4> SURAT BUPATI BLITAR TENTANG POTENSI BENCANA </h4>
					<p style="padding-top: 10px;">
					Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, 
					Nomor UM.022/688/MJUD/XI/2014, tanggal 10 Nopember 2014, perihal Potensi Musim Hujan di Daerah Kabupaten Blitar					
					Demikian diungkapkan Kepala Seksi Pencegahan, Pengamatan Penyakit dan Penanggulangan Masalah Kesehatan, Hendro Subagyo. 
					Menurutnya, berdasarkan laporan yang diterima dari Rumah Sakit, ada 1 penderita Klinis Difteri. Yakni PTR, 10 tahun warga ngaringan, 
					Kecamatan Gandusari.
					
					</p>
				</div>				
				
				<div class="page-content col-md-4 col-xs-12">
					<div class="side-judul-2">
					<f5> FASILITAS DAERAH </f5>					
					</div>
							<div class="isi-side-2">
							<div class="page-content col-md-6 col-xs-6" style="margin-left: -23px; ">
								<ul class="jdl-berita-2">
									<li class="jdl-berita">
										<a href="#"> Kesehatan </a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Pendidikan</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Perbankan</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Olah Raga</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Warnet</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Rumah Makan</a>							
									</li>
								</ul>
							</div>
							<div class="page-content col-md-6 col-xs-6">
								<ul class="jdl-berita-2">	
									<li class="jdl-berita">
										<a href="#"> Hotel</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Wisata</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Transportasi</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Produk Unggulan</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Perumahan</a>
									</li>
									<li class="jdl-berita">
										<a href="#"> Fasilitas Lainya </a>
									</li>
								</ul>
							</div>	
							</div>
					</div>
					</div>
					</div>
        </div>
					
					<br>

<!--/. row 3 -->					
				<div class="container">
				<div class="page-content col-md-8 col-xs-12"> 
				<div class="side-judul-4">
				<f5> BERITA TERBARU </f5>
				</div>
				<div class="page-content col-md-6 col-xs-12">
						<h4 style="font-weight: bold;
"> DINAS LINGKUNGAN HIDUP KABUPATEN BLITAR AKAN MENGGANDENG UNIVERSITAS </h4>
						<img src="image/muspida1.png"/ style="width: 250px; height: 150px;"> 
						<p> Demikian diungkapkan Kasi Komunikasi Lingkungan Dan Peningkatan Peran 
						serta Masyarakat, Dinas Lingkungan Hidup Kabupaten Blitar. Indra suswanto. 
						Hal ini terkait dengan adanya pencemaran sungai akibat limbah tahu yang 
						mengeluarkan bau busuk di wilayah kali.</p>
		
				</div>	
				
				<div class="page-content col-md-6 col-xs-12">
						<h4 style="font-weight: bold; "> DINAS LINGKUNGAN HIDUP KABUPATEN BLITAR AKAN MENGGANDENG UNIVERSITAS </h4>
						<img src="image/muspida.png"/ style="width: 250px; height: 150px;"> 
						<p> Demikian diungkapkan Kasi Komunikasi Lingkungan Dan Peningkatan Peran 
						serta Masyarakat, Dinas Lingkungan Hidup Kabupaten Blitar. Indra suswanto. 
						Hal ini terkait dengan adanya pencemaran sungai akibat limbah tahu yang 
						mengeluarkan bau busuk di wilayah kali. </p>
		
				</div>	
				</div>
				<div class="page-content col-md-4 col-xs-12">
					<div class="side-judul-3">
					<f5> AGENDA ACARA </f5>					
					</div>
							<div class="isi-side-3">
								<ul class="list-unstyled">		
									
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a></li>
									<hr>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a></li>
									<hr>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a></li>
									<hr>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014. </a></li>
								
								</ul>
							</div>						
					</div>
					</div>
					</div>
<br>
<!--/. row 4 -->
			<div class="row4">
			<div class="container">
				<div class="page-content-gal col-md-8 col-xs-12"> 					
					<div class="side-judul-5">
						<f5>
							GALERY FOTO BLITAR
						</f5>
					</div>
					<div class="isi-galery">
                                                
						 <img src="image/pantaijolo.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
						 <img src="image/stasiun.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
						 <img src="image/embung.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
						 <img src="image/pantaijolo.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
						 <img src="image/muspida.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
						 <img src="image/pantai.png" style="width: 200px; height: 150px; padding-bottom: 10px;">
					</div>
			
				</div>
			
			<div class="page-content col-md-4 col-xs-12">
					<div class="side-judul-1">
					<f5> INFO LOWONGAN </f5>					
					</div>
							<div class="isi-side-4">
								<ul class="list-unstyled">		
									
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014</a></li>
									<hr>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014</a></li>
									<hr/>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya, Nomor UM.022/688/MJUD/XI/2014</a></li>
									<hr>
									<li> <a href="#">Berdasarkan surat Badan Meteorologi Klimatologi dan Geofisika Stasiun Meteorologi Klas I Juanda Surabaya. Nomor UM.022/688/MJUD/XI/2014</a></li>							
								</ul>
							</div>						
					</div>
			</div>
			</div>
			
			
			
            </div>
            <br>
            
            <div class="footer row">
                <div class="container footer-box">
                    <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
                        <ul>
                                <li class=""><a href="blitarweb.html">HOME</a></li>
				<li class=""><a href="#">POTENSI DAERAH</a></li>
				<li class=""><a href="#">BERITA TERBARU</a></li>
				<li class=""><a href="#">POTENSI WISATA</a></li>
				<li class=""><a href="#">PROFIL BLITAR</a></li>
				<li class=""><a href="#">PELAYANAN UMUM</a></li>
				<li class=""><a href="blitar-karir.html">LOWONGAN</a></li>								
                        </ul>
                    </div>
					<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
					<f5> Temukan kami di <img class="logo" src="image/socmed.png" /> </f5>
                </div>
            </div>
        </div>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>